
<div class="row">
	<div class="col-md-4">
		<div class="panel panel-primary full">
			<div class="panel-heading">

				<div class="panel-title">
					控制端服务器 <span class="pull-right"><a href="/index/port?port=c_${ctrlPort}" class="btn btn-auxiliary btn-xs ajax"> 修改</a></span>
				</div>

			</div>
			<div class="panel-body">
				<ul class="list-group">
				  <!-- <li class="list-group-item">IP <span class="pull-right">192.168.0.162</span></li> -->
				  <li class="list-group-item">端口 <span class="pull-right">${ctrlPort}</span></li>
				  <li class="list-group-item">工作时长 <span class="pull-right">${ctrlTime}</span></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="col-md-4">
		<div class="panel panel-auxiliary full">
			<div class="panel-heading">
				<div class="panel-title">
					设备端服务器 <span class="pull-right"><a href="/index/port?port=d_${devicePort}" class="btn btn-primary btn-xs ajax"> 修改</a></span>
				</div>
			</div>
			<div class="panel-body">
				<ul class="list-group">
				  <!-- <li class="list-group-item">IP <span class="pull-right">192.168.0.162</span></li> -->
				  <li class="list-group-item">端口 <span class="pull-right">${devicePort}</span></li>
				  <li class="list-group-item">工作时长 <span class="pull-right">${deviceTime}</span></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="col-md-4">
		<div class="panel panel-warning full">
			<div class="panel-heading">
				<div class="panel-title">
					WEB服务器 <span class="pull-right"><a href="/index/port?port=w_${webPort}" class="btn btn-primary btn-xs ajax"> 修改</a></span>
				</div>
			</div>
			<div class="panel-body">
				<ul class="list-group">
				  <!-- <li class="list-group-item">IP <span class="pull-right">192.168.0.162</span></li> -->
				  <li class="list-group-item">端口 <span class="pull-right">${webPort}</span></li>
				  <li class="list-group-item">工作时长 <span class="pull-right">${webTime}</span></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script>
    
    $(window).resize(function() {
        $('.panel.full>.panel-body').each(function() {
            var height = $(this).height();
            var top = $(this).offset().top;
            var footer = $(this).closest('.full').find('.panel-footer').height();
            footer = footer && footer > 0 ? footer + 12 : 0;
            var winHeight = $(window).height();
            var resetHeight = winHeight - top - footer - 40;
            if(resetHeight > 20 || height < resetHeight){
                $(this).height(resetHeight);
            }
        });
        // $('#results').height($(window).height() - $('#results').offset().top - 106);
    });
    setTimeout(function() { $(window).resize(); },200);
    </script>